<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>卷皮网</title>
    <style></style>
    <link rel="stylesheet" href="public/public.css" />
    <link rel="stylesheet" href="./css/style.css" />
  </head>
  <body>
    <!-- 顶部-->
    <header>
      <div class="margin">
        <ul class="left">
          <li class="main"><a href="./page/sign.html">亲 , 请登录</a></li>
          <li class="welcome">
            欢迎 <em id="userName">XXX</em> 进入卷皮，<span id="logout"
              >注销</span
            >
          </li>
          <li><a href="">手机逛拉皮</a></li>
        </ul>
        <ul class="right">
          <li><a href="./page/Login .html">免费注册</a></li>
          <li><a href="./page/cart.html">我的订单</a></li>
          <li><a href="">商家入驻</a></li>
          <li><a href="./page/cart.html">购物车</a></li>
          <li class="active"><a href="">客服中心</a></li>
        </ul>
      </div>
    </header>
    <!-- 顶部结束 -->
    <!-- 导航栏开始 -->
    <nav>
      <div class="margin">
        <!-- 导航栏上部 -->
        <div class="top">
          <div class="logo">
            <a href="#"><img src="./images/logo.png" /></a>
          </div>
          <!-- 中间模块分为上下结构 -->
          <div class="search">
            <input type="text" placeholder="请输入您要找的宝贝" class="tet" />
            <input type="button" value="搜索" class="btn" />
            <ul class="search-res"></ul>
            <p>
              <a href="./paging/pagingnan.html" target="blank">男装</a>
              <a href="./paging/pagingxb.html" target="blank">箱包</a>
              <a href="./paging/pagingmz.html" target="blank">美妆</a>
              <a href="./paging/pagingjf.html" target="blank">家纺</a>
              <a href="./paging/pagingms.html" target="blank">美食</a>
              <a href="./paging/pagingdq.html" target="blank">电器</a>
              <a href="./paging/pagingps.html" target="blank">配饰</a>
            </p>
          </div>
          <!-- 中间模块结束 -->
          <div class="activity">
            <ul>
              <li><img src="./images/n1.png" /><span>十点开枪</span></li>
              <li><img src="./images/n2.png" /><span>买手砍价</span></li>
              <li><img src="./images/n4.png" /><span>验货质检</span></li>
            </ul>
          </div>
        </div>
        <!-- 导航栏下部 -->
        <div class="bottom">
          <ul>
            <li class="active"><a href="./index.html" class="ej">首页</a></li>
            <li><a href="" class="ej">品牌折扣</a></li>
            <li><a href="" class="ej">9.9包邮</a></li>
            <li><a href="" class="ej">即将上线</a></li>
          </ul>
          <!-- 二级菜单 -->
          <div class="ej_show" style="display: none;">
            <ul class="oej">
              <li>
                <a href="#"><img src="images/t1.jpg" alt="" /></a>
                <a href="#"><img src="images/t2.jpg" alt="" /></a>
                <a href="#"><img src="images/t3.jpg" alt="" /></a>
                <a href="#"><img src="images/t5.jpg" alt="" /></a>
              </li>
              <li>
                <a href="#"><img src="images/t2.jpg" alt="" /></a>
                <a href="#"><img src="images/t6.jpg" alt="" /></a>
                <a href="#"><img src="images/t3.jpg" alt="" /></a>
                <a href="#"><img src="images/t5.jpg" alt="" /></a>
              </li>

              <li>
                <a href="#"><img src="images/t4.jpg" alt="" /></a>
                <a href="#"><img src="images/t2.jpg" alt="" /></a>
                <a href="#"><img src="images/t4.jpg" alt="" /></a>
                <a href="#"><img src="images/t3.jpg" alt="" /></a>
              </li>

              <li>
                <a href="#"><img src="images/t7.jpg" alt="" /></a>
                <a href="#"><img src="images/t2.jpg" alt="" /></a>
                <a href="#"><img src="images/t4.jpg" alt="" /></a>
                <a href="#"><img src="images/t6.jpg" alt="" /></a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <!-- 导航栏下部结束 -->
    </nav>
    <!-- 导航栏结束 -->
    <!-- 分割红线 -->
    <p id="te"></p>
    <!--主体区区包括轮播图阶梯菜单  -->
    <section id="banner">
      <!-- 居中模块 -->
      <div class="margin clear">
        <!-- 左边 -->
        <div class="left">
          <ul>
            <li><a href="./paging/pagingnv.html" target="blank">女装</a></li>
            <li><a href="./paging/pagingxz.html" target="blank">鞋子</a></li>
            <li><a href="./paging/pagingxmy.html" target="blank">母婴</a></li>
            <li><a href="./paging/pagingxjj.html" target="blank">居家</a></li>
            <li><a href="./paging/pagingwt.html" target="blank">文体</a></li>
            <li><a href="./paging/pagingsm.html" target="blank">数码</a></li>
            <li><a href="./paging/pagingny.html" target="blank">内衣</a></li>
          </ul>
          <ul>
            <li><a href="./paging/pagingnan.html" target="blank">男装</a></li>
            <li><a href="./paging/pagingxb.html" target="blank">箱包</a></li>
            <li><a href="./paging/pagingmz.html" target="blank">美妆</a></li>
            <li><a href="./paging/pagingjf.html" target="blank">家纺</a></li>
            <li><a href="./paging/pagingms.html" target="blank">美食</a></li>
            <li><a href="./paging/pagingdq.html" target="blank">电器</a></li>
            <li><a href="./paging/pagingps.html" target="blank">配饰</a></li>
          </ul>
        </div>
        <!-- 左边结束 -->
        <!-- 中间轮播图模块 -->
        <div class="center banner1 clear">
          <div class="slider">
            <ul>
              <li>
                <a
                  ><img
                    src="https://goods8.juancdn.com/bao/200315/f/3/5e6de5a0b6f8ea71044144a3_700x360.jpg?imageMogr2/quality/88!/format/jpg"
                    alt=""
                /></a>
              </li>
              <li>
                <a
                  ><img
                    src="https://goods3.juancdn.com/bao/200326/4/4/5e7c63c333b0895edc08f7df_700x360.jpg?iopcmd=convert&Q=88&dst=jpg"
                    alt=""
                /></a>
              </li>
              <li>
                <a
                  ><img
                    src="https://goods3.juancdn.com/bao/200401/5/a/5e8450a733b0893fee4fe3b7_700x360.jpg?iopcmd=convert&Q=88&dst=jpg"
                    alt=""
                /></a>
              </li>
            </ul>
            <!-- 左右轮播图模块箭头 -->
            <div class="arrow">
              <span class="arrow-left">&lt;</span>
              <span class="arrow-right">&gt;</span>
            </div>
            <!-- 左右轮播图模块箭头结束 -->
          </div>
          <div class="list"></div>
        </div>
        <!-- 轮播图模块结束 -->
        <!-- 右边 -->
        <div class="right">
          <ul>
            <li>
              <a href="#"
                ><img src="http://s.juancdn.com/juanpi/images/banners/r-1.jpg"
              /></a>
            </li>
            <li>
              <a href="#"
                ><img src="http://s.juancdn.com/juanpi/images/banners/r-2.jpg"
              /></a>
            </li>
            <li>
              <a href="#"
                ><img src="http://s.juancdn.com/juanpi/images/banners/r-3.jpg"
              /></a>
            </li>
            <li>
              <a href="#"
                ><img src="http://s.juancdn.com/juanpi/images/banners/r-4.jpg"
              /></a>
            </li>
            <li>
              <a href="#"
                ><img src="http://s.juancdn.com/juanpi/images/banners/r-5.jpg"
              /></a>
            </li>
          </ul>
        </div>
        <!-- 右边 结束-->
      </div>
    </section>
    <!-- 主体区结束 -->
    <!-- 品牌 -->
    <section id="brand">
      <!-- 居中模块 -->
      <div class="margin">
        <div id="day">
          <div class="top">
            今日品牌
            <u style="color: cornflowerblue;">剩余时间</u><span id="times" style="color: brown;"></span>
            <em><a href="#">全部品牌 >></a></em>
          </div>
          <div class="center">
            <ul></ul>
          </div>

          <div class="bottom">
            <span>更多品牌热卖 :</span>
            <ul></ul>
            <span class="active"><a href="#">查看全部 >></a></span>
          </div>
        </div>
      </div>
      <!-- 居中模块结束 -->
    </section>
    <!-- 品牌 -->
    <!-- 新品开始 -->
    <main>
      <div class="margin">
        <div id="newPing">
          <div class="top">
            今日新品<span>TODAY'S NEW</span>
            <em><a href="#">每十点上新</a></em>
          </div>
          <div class="center">
            <div class="cont">
              <ul class="shang"></ul>
            </div>
          </div>
        </div>
      </div>
      <div class="divs"></div>
    </main>
    <!-- 新品结束 -->
    <!-- 底部开始 -->
    <footer>
      <p class="active"></p>
      <div class="margin">
        <div class="top">
          <div class="left">
            <img
              src="http://jp.juancdn.com/juanpi/images/global/jp-app-90.png?v=20160113"
              alt=""
            />
            <span>随时逛 随时抢</span>
          </div>
          <div class="center">
            <dl>
              <dt>获取中心</dt>
              <dd>iphone/Android</dd>
              <dd>卷皮QQ空间</dd>
              <dd>卷皮新浪微博</dd>
              <dd>开放API</dd>
            </dl>
            <dl>
              <dt>商务合作</dt>
              <dd>卖家免费报名</dd>
              <dd>商家入驻</dd>
              <dd>廉政邮箱</dd>
              <dd>开放平台</dd>
            </dl>
            <dl>
              <dt>公司信息</dt>
              <dd>关于卷皮</dd>
              <dd>媒体报道</dd>
            </dl>
            <dl>
              <dt>帮助中心</dt>
              <dd>新手上路</dd>
              <dd>网站地图</dd>
            </dl>
          </div>
          <div class="right">
            <div class="te"><a href="#"></a></div>
            <span class="a1">周一至周日</span>
            <span class="a2">9:00 - 18:00</span>
            <p>客服热线 400-800-900-100</p>
          </div>
        </div>
        <div class="center">
          <p>
            友情链接 :
            <a href="">小分店</a>
            <a href="">9块9包邮</a>
            <a href="">国画</a>
            <a href="">品牌鞋</a>
            <span>更多 >></span>
          </p>
        </div>
        <div class="bottom">
          <p>
            武汉奇米网络科技有限公司 鄂ICP备10209250号 |
            ICP许可证号：鄂B2-20150109 | 鄂公网安备42018502000390号 |
            食品流通许可证 SP4201991510041888
          </p>
          <p>Copyright © 2010 -2020 JuanPi.com All Rights Reserved</p>
          <ul>
            <li>
              <a href=""
                ><img
                  src="http://jp.juancdn.com/juanpi/img/icon/r_315new.gif"
                  alt=""
              /></a>
            </li>
            <li>
              <a href=""
                ><img
                  src="http://jp.juancdn.com/juanpi/img/icon/r_cnnic.gif"
                  alt=""
              /></a>
            </li>
            <li>
              <a href=""
                ><img
                  src="http://jp.juancdn.com/juanpi/img/icon/r_gongshang.gif"
                  alt=""
              /></a>
            </li>
            <li>
              <a href=""
                ><img
                  src="http://static.anquan.org/static/outer/image/sm_124x47.png?id=www.juanpi.com?t=23"
                  alt=""
              /></a>
            </li>
          </ul>
        </div>
      </div>
    </footer>
    <!-- 底部结束 -->
    <!-- 定位菜单 -->
    <p id="active">
      <a href="#">顶部</a>
      <a href="#day">品牌</a>
      <a href="#newPing">新品</a>
      <a href="./page/sign.html">登录</a>
    </p>
    <!-- 定位菜单 -->
  </body>
  <script src="./js/lib/jquery-2.2.4.js"></script>
  <script src="./js/menu.js"></script>
  <script src="./js/sou.js"></script>
  <script src="./public/ajax-promise.js"></script>
  <script src="./js/lunbo.js"></script>
  <script src="./js/rendering.js"></script>
  <script>
    // 倒计时模块
    $(document).ready(function () {
      function NextTime(next, cb) {
        var t;
        (function ft() {
          var dif = (next.getTime() - new Date().getTime()) / 1000;
          if (dif > 0) {
            t = setTimeout(ft, 1000);
            if (cb)
              cb(
                Math.floor((dif % 86400) / 3600),
                Math.floor((dif % 3600) / 60),
                Math.floor(dif % 60)
              );
          } else {
            clearTimeout(t);
          }
        })();
        return function () {
          clearTimeout(t);
        };
      }

      function lpad(num, n) {
        var len = num.toString().length;
        while (len < n) {
          num = "0" + num;
          len++;
        }
        return num;
      }

      var now = new Date();
      var next = new Date(now.getFullYear(), now.getMonth(), now.getDate() + 1);
      new NextTime(next, function (hour, minute, second) {
        document.getElementById("times").innerHTML =
          lpad(hour, 2) + ":" + lpad(minute, 2) + ":" + lpad(second, 2);
      });
    });
    // 倒计时模块结束
  </script>

</html>
